﻿<!DOCTYPE html>
<html>
  <head>
    <title>01_01 01详细展示</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/01_01_01详细展示_1/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/01_01_01详细展示_1/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (iPhone8) -->

      <!-- Unnamed (组合 ) -->
      <div id="u4264" class="ax_default" data-left="0" data-top="0" data-width="436" data-height="888">

        <!-- Unnamed (图片 ) -->
        <div id="u4265" class="ax_default image">
          <img id="u4265_img" class="img " src="images/01_首页/u2.png"/>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u4266" class="ax_default image">
          <img id="u4266_img" class="img " src="images/01_首页/u3.png"/>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u4267" class="ax_default image">
          <img id="u4267_img" class="img " src="images/01_首页/u4.png"/>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u4268" class="ax_default image">
          <img id="u4268_img" class="img " src="images/01_首页/u5.png"/>
        </div>
      </div>

      <!-- Unnamed (热区) -->
      <div id="u4269" class="ax_default">
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u4270" class="ax_default box_2">
        <div id="u4270_div" class=""></div>
      </div>

      <!-- 遮罩层 (动态面板) -->
      <div id="u4271" class="ax_default" data-label="遮罩层">
        <div id="u4271_state0" class="panel_state" data-label="顶层" style="">
          <div id="u4271_state0_content" class="panel_state_content">

            <!-- Main (动态面板) -->
            <div id="u4272" class="ax_default" data-label="Main">
              <div id="u4272_state0" class="panel_state" data-label="内容展示" style="">
                <div id="u4272_state0_content" class="panel_state_content">

                  <!-- Unnamed (矩形) -->
                  <div id="u4273" class="ax_default box_1">
                    <div id="u4273_div" class=""></div>
                    <div id="u4273_text" class="text ">
                      <p style="font-size:13px;"><span style="font-family:'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC';font-weight:650;font-size:16px;">菜品里有苍蝇</span></p><p style="font-size:12px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;color:#CCCCCC;">2018.05.21 16:51:37</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (组合 ) -->
                  <div id="u4274" class="ax_default" data-left="0" data-top="69" data-width="375" data-height="140">

                    <!-- Unnamed (矩形) -->
                    <div id="u4275" class="ax_default box_1">
                      <div id="u4275_div" class=""></div>
                    </div>

                    <!-- Unnamed (组合 ) -->
                    <div id="u4276" class="ax_default" data-left="17" data-top="79" data-width="173" data-height="120">

                      <!-- Unnamed (矩形) -->
                      <div id="u4277" class="ax_default label">
                        <div id="u4277_div" class=""></div>
                        <div id="u4277_text" class="text ">
                          <p><span>投诉编号：</span></p><p><span>投诉类型：</span></p><p><span>联系人：</span></p><p><span>联系电话：</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u4278" class="ax_default label">
                        <div id="u4278_div" class=""></div>
                        <div id="u4278_text" class="text ">
                          <p><span>102329813226</span></p><p><span>商品质量问题</span></p><p><span>马小姐</span></p><p><span>13888888888</span></p>
                        </div>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (组合 ) -->
                  <div id="u4279" class="ax_default" data-left="0" data-top="208" data-width="375" data-height="190">

                    <!-- Unnamed (矩形) -->
                    <div id="u4280" class="ax_default box_1">
                      <div id="u4280_div" class=""></div>
                    </div>

                    <!-- Unnamed (组合 ) -->
                    <div id="u4281" class="ax_default" data-left="17" data-top="218" data-width="345" data-height="165">

                      <!-- Unnamed (矩形) -->
                      <div id="u4282" class="ax_default label">
                        <div id="u4282_div" class=""></div>
                        <div id="u4282_text" class="text ">
                          <p><span>问题说明：</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u4283" class="ax_default _文本段落">
                        <div id="u4283_div" class=""></div>
                        <div id="u4283_text" class="text ">
                          <p><span>我在内江开口香快乐凉粉和平桥店，点了两份菜品，一份快乐凉粉、一份回锅肉，菜吃到一半，居然发现回锅肉里有半只苍蝇，一想到这里我就恶心的要死，我要求老板赔偿我精神损失费一千块，老板居然说我无理取闹，还让店员把我给轰了出来。就这态度已经不是1千块能解决的事了，要投诉！和他们抗争到底。</span></p>
                        </div>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (水平线) -->
                  <div id="u4284" class="ax_default line">
                    <img id="u4284_img" class="img " src="images/04_01_03回复意见/u2553.png"/>
                  </div>

                  <!-- Unnamed (组合 ) -->
                  <div id="u4285" class="ax_default" data-left="-16" data-top="397" data-width="412" data-height="187">

                    <!-- Unnamed (组合 ) -->
                    <div id="u4286" class="ax_default" data-left="0" data-top="397" data-width="375" data-height="160">

                      <!-- Unnamed (矩形) -->
                      <div id="u4287" class="ax_default box_1">
                        <div id="u4287_div" class=""></div>
                      </div>

                      <!-- Unnamed (水平线) -->
                      <div id="u4288" class="ax_default line">
                        <img id="u4288_img" class="img " src="images/04_01_03回复意见/u2553.png"/>
                      </div>
                    </div>

                    <!-- Unnamed (组合 ) -->
                    <div id="u4289" class="ax_default" data-left="-16" data-top="414" data-width="412" data-height="40">

                      <!-- Unnamed (组合 ) -->
                      <div id="u4290" class="ax_default" data-left="-16" data-top="414" data-width="136" data-height="40">

                        <!-- Unnamed (组合 ) -->
                        <div id="u4291" class="ax_default" data-left="-16" data-top="414" data-width="136" data-height="12">

                          <!-- Unnamed (椭圆形) -->
                          <div id="u4292" class="ax_default ellipse">
                            <img id="u4292_img" class="img " src="images/04_01_03回复意见/u2557.png"/>
                          </div>

                          <!-- Unnamed (水平线) -->
                          <div id="u4293" class="ax_default line">
                            <img id="u4293_img" class="img " src="images/04_01_03回复意见/u2558.png"/>
                          </div>

                          <!-- Unnamed (水平线) -->
                          <div id="u4294" class="ax_default line">
                            <img id="u4294_img" class="img " src="images/04_01_03回复意见/u2558.png"/>
                          </div>
                        </div>

                        <!-- Unnamed (矩形) -->
                        <div id="u4295" class="ax_default label">
                          <div id="u4295_div" class=""></div>
                          <div id="u4295_text" class="text ">
                            <p><span>双方和解中</span></p>
                          </div>
                        </div>
                      </div>

                      <!-- Unnamed (组合 ) -->
                      <div id="u4296" class="ax_default" data-left="120" data-top="414" data-width="138" data-height="40">

                        <!-- Unnamed (矩形) -->
                        <div id="u4297" class="ax_default label">
                          <div id="u4297_div" class=""></div>
                          <div id="u4297_text" class="text ">
                            <p><span>三方调解中</span></p>
                          </div>
                        </div>

                        <!-- Unnamed (组合 ) -->
                        <div id="u4298" class="ax_default" data-left="120" data-top="414" data-width="138" data-height="12">

                          <!-- Unnamed (椭圆形) -->
                          <div id="u4299" class="ax_default ellipse">
                            <img id="u4299_img" class="img " src="images/04_01_03回复意见/u2570.png"/>
                          </div>

                          <!-- Unnamed (水平线) -->
                          <div id="u4300" class="ax_default line">
                            <img id="u4300_img" class="img " src="images/04_01_03回复意见/u2571.png"/>
                          </div>

                          <!-- Unnamed (水平线) -->
                          <div id="u4301" class="ax_default line">
                            <img id="u4301_img" class="img " src="images/04_01_03回复意见/u2571.png"/>
                          </div>
                        </div>
                      </div>

                      <!-- Unnamed (组合 ) -->
                      <div id="u4302" class="ax_default" data-left="258" data-top="414" data-width="138" data-height="40">

                        <!-- Unnamed (矩形) -->
                        <div id="u4303" class="ax_default label">
                          <div id="u4303_div" class=""></div>
                          <div id="u4303_text" class="text ">
                            <p><span>监管介入中</span></p>
                          </div>
                        </div>

                        <!-- Unnamed (组合 ) -->
                        <div id="u4304" class="ax_default" data-left="258" data-top="414" data-width="138" data-height="12">

                          <!-- Unnamed (椭圆形) -->
                          <div id="u4305" class="ax_default ellipse">
                            <img id="u4305_img" class="img " src="images/04_01_03回复意见/u2570.png"/>
                          </div>

                          <!-- Unnamed (水平线) -->
                          <div id="u4306" class="ax_default line">
                            <img id="u4306_img" class="img " src="images/04_01_03回复意见/u2571.png"/>
                          </div>

                          <!-- Unnamed (水平线) -->
                          <div id="u4307" class="ax_default line">
                            <img id="u4307_img" class="img " src="images/04_01_03回复意见/u2571.png"/>
                          </div>
                        </div>
                      </div>
                    </div>

                    <!-- Unnamed (组合 ) -->
                    <div id="u4308" class="ax_default" data-left="89" data-top="483" data-width="197" data-height="51">

                      <!-- Unnamed (矩形) -->
                      <div id="u4309" class="ax_default label">
                        <div id="u4309_div" class=""></div>
                        <div id="u4309_text" class="text ">
                          <p><span style="color:#CCCCCC;">当前进度：</span><span style="color:#3385FF;">和解中</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u4310" class="ax_default label">
                        <div id="u4310_div" class=""></div>
                        <div id="u4310_text" class="text ">
                          <p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';font-weight:400;color:#CCCCCC;">商家：</span><span style="font-family:'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC';font-weight:650;">未处理</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';font-weight:400;color:#3385FF;">　　</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';font-weight:400;color:#CCCCCC;">用户：</span><span style="font-family:'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC';font-weight:650;">未处理</span></p>
                        </div>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u4311" class="ax_default label">
                      <div id="u4311_div" class=""></div>
                      <div id="u4311_text" class="text ">
                        <p><span>提示：如果不和解，将进入三方调解阶段！</span></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (热区) -->
                  <div id="u4312" class="ax_default">
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u4313" class="ax_default" data-left="51" data-top="134" data-width="375" data-height="68">

        <!-- Unnamed (组合 ) -->
        <div id="u4314" class="ax_default" data-left="51" data-top="134" data-width="375" data-height="68">

          <!-- Unnamed (矩形) -->
          <div id="u4315" class="ax_default box_3">
            <div id="u4315_div" class=""></div>
          </div>

          <!-- Title (组合 ) -->
          <div id="u4316" class="ax_default" data-label="Title" data-left="202" data-top="170" data-width="73" data-height="25">

            <!-- Unnamed (矩形) -->
            <div id="u4317" class="ax_default box_1 ax_default_hidden" style="display:none; visibility: hidden">
              <div id="u4317_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u4318" class="ax_default _三级标题">
              <div id="u4318_div" class=""></div>
              <div id="u4318_text" class="text ">
                <p><span>投诉详情</span></p>
              </div>
            </div>
          </div>
        </div>

        <!-- Unnamed (电池电量条 Black) -->

        <!-- Unnamed (组合 ) -->
        <div id="u4320" class="ax_default" data-left="6" data-top="7" data-width="363" data-height="16">

          <!-- Unnamed (矩形) -->
          <div id="u4321" class="ax_default box_1 ax_default_hidden" style="display:none; visibility: hidden">
            <div id="u4321_div" class=""></div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u4322" class="ax_default icon">
            <img id="u4322_img" class="img " src="images/01_首页/u57.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u4323" class="ax_default icon">
            <img id="u4323_img" class="img " src="images/01_首页/u58.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u4324" class="ax_default icon">
            <img id="u4324_img" class="img " src="images/01_首页/u59.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u4325" class="ax_default label">
            <div id="u4325_div" class=""></div>
            <div id="u4325_text" class="text ">
              <p><span>5:27 AM</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u4326" class="ax_default label">
            <div id="u4326_div" class=""></div>
            <div id="u4326_text" class="text ">
              <p><span>100%</span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u4327" class="ax_default icon">
        <img id="u4327_img" class="img " src="images/01_01_扫码中___/u108.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u4328" class="ax_default box_1">
        <div id="u4328_div" class=""></div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u4329" class="ax_default" data-left="62" data-top="750" data-width="353" data-height="40">

        <!-- Unnamed (矩形) -->
        <div id="u4330" class="ax_default primary_button">
          <div id="u4330_div" class=""></div>
          <div id="u4330_text" class="text ">
            <p><span>处理完成</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u4331" class="ax_default primary_button">
          <div id="u4331_div" class=""></div>
          <div id="u4331_text" class="text ">
            <p><span>不予受理</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u4332" class="ax_default primary_button">
          <div id="u4332_div" class=""></div>
          <div id="u4332_text" class="text ">
            <p><span>诉转案</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u4333" class="ax_default primary_button">
        <div id="u4333_div" class=""></div>
        <div id="u4333_text" class="text ">
          <p><span>回复</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
